<!DOCTYPE html>
<html>
<head>
	<title>QQ团购</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="robots" content="none" />
	<link rel="apple-touch-startup-image" href="img/startup.png" />
	<link rel="apple-touch-icon" href="img/ico.png" />
	<link rel="stylesheet" href="css/style.css" />

	<!--debug-->
	<script type="text/javascript" src="js/lib/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="js/lib/jquery.cookie.js"></script>
	<script type="text/javascript" src="js/lib/jquery.slimNav.js"></script>
	<script type="text/javascript" src="js/lib/jquery.vPreload.js"></script>
	<script type="text/javascript" src="js/lib/jquery.countdown.pack.js"></script>
	<script type="text/javascript" src="js/lib/jquery.countdown-zh-CN.js"></script>
	<script type="text/javascript" src="js/lib/iscroll-4.0beta4.js"></script>
	<script type="text/javascript" src="js/jf.core.js"></script>
	<script type="text/javascript" src="js/lib/jquery.cvloader.js"></script>
	<script type="text/javascript" src="js/jf.iscroll.js"></script>
	<script type="text/javascript" src="js/jf.dialog.js"></script>
	<script type="text/javascript" src="js/jf.lazyload.js"></script>
	<script type="text/javascript" src="js/vip.ajaxPool1.js"></script>
	<script type="text/javascript" src="js/vip.tuanCity.js"></script>
	<script type="text/javascript" src="js/vip.base.js"></script>
	<script type="text/javascript" src="js/jf.nav.js"></script>
	<script type="text/javascript" src="js/jf.login.js"></script>
	<!--/debug-->

	<!--release-->
	<!--
	<script type="text/javascript" src="js/release/vip.tuan.all.min.js"></script>
	-->
	<!--/release-->
	
	<!--JQM Cfg Override-->
	<script type="text/javascript">
	JF.tuan.preJqmInit();
	</script>
	<!--/JQM Cfg Override-->

	<!--debug-->
	<script type="text/javascript" src="js/lib/jquery.mobile-1.0beta2.js"></script>
	<!--/debug-->

	<!--release-->
	<!--
	<script type="text/javascript" src="js/release/jqm.all.min.js"></script>
	-->
	<!--/release-->

	<!--App bootup-->
	<script type="text/javascript">
	JF.Init({navMGMT:true});
	</script>
	<!--/App bootup-->
</head>
<body>
	<!-- 今日团购所有页面 -->
	<article data-role="page" class="main_gb" id="p1">
		<header>
			<h1>今日团购</h1>
			<a href="#p31" class="btn_change_city"><span>切换城市</span></a>
		</header>
		<section data-iscroll="true">
			<div class="inner">
				<figure class="more_pics">
					<div id="more_pics_hscr" data-iscroll="true" data-iscroll-cfg='{"snap":"li","momentum":false,"hScrollbar":false,"onScrollEnd":"JF.tuan.onScrollEnd","pager":true}' class="photos">
						<ul>
							<li><a href="#"><img src="images/item_1.jpg" /></a></li>
							<li><a href="#"><img data-src="images/item_2.jpg" /></a></li>
							<li><a href="#"><img data-src="images/item_3.jpg" /></a></li>
							<li><a href="#"><img data-src="images/item_4.jpg" /></a></li>
							<li><a href="#"><img data-src="images/item_5.jpg" /></a></li>
						</ul>
					</div>
				</figure>
				<h2 class="tit">类型</h2>
				<ul class="box_1 list_1">
					<li><a href="#p11">美食餐饮<s></s></a></li>
					<li><a href="#p11">休闲娱乐<s></s></a></li>
					<li><a href="#p11">生活服务<s></s></a></li>
					<li><a href="#p11">网上购物<s></s></a></li>
					<li><a href="#p11">精彩活动<s></s></a></li>
					<li><a href="#p11">旅游<s></s></a></li>
				</ul>
				<h2 class="tit">区域</h2>
				<ul class="box_1 list_1">
					<li><a href="#p11">罗湖区<s></s></a></li>
					<li><a href="#p11">福田区<s></s></a></li>
					<li><a href="#p11">南山区<s></s></a></li>
				</ul>
			</div>
		</section>
	</article>

	<article data-role="page" class="main_gb" id="p11">
		<header>
			<h1>团购列表</h1>
			<a data-rel="back" class="back" data-direction="reverse" href="#p1"><i></i><span>返回</span></a>
		</header>

		<section>
			<div class="main_hd">
				<div class="sel_list">
					<span class="sel_ui">
						<select>
							<option>全部区域</option>
							<option>南山区</option>
							<option>罗湖区</option>
							<option>福田区</option>
						</select>
					</span>
					<span class="sel_ui">
						<select>
							<option>美食餐饮</option>
							<option>休闲娱乐</option>
							<option>生活服务</option>
							<option>网上购物</option>
							<option>精彩活动</option>
						</select>
					</span>
					<span class="sel_ui sel_order">
						<select>
							<option>销量</option>
						</select>
					</span>
				</div>
			</div>
			<div class="main_bd" id="is_p11" data-iscroll="true" data-iscroll-cfg='{"pullToRefresh":"both","onPullUp":"JF.ajaxPool.recommend.proxy_load","onPullDown":"JF.ajaxPool.recommend.proxy_load1"}'>
				<div class="inner">
					<!--<button id="ebtn_more0" class="btn_2 c1" style="display:none;margin-bottom:10px;">查看更多</button>-->
					<ul class="list_2"><!--load via ajax--></ul>
					<!--<button id="ebtn_more" class="btn_2 c1" style="display:none">查看更多</button>-->
				</div>
			</div>
		</section>
	</article>

	<article data-role="page" class="main_gb" id="p12">
		<header>
			<h1>团购简介</h1>
			<a data-rel="back" class="back" data-direction="reverse" href="#p11"><i></i><span>返回</span></a>
		</header>

		<section class="this_tuan">
			<div class="main_hd">
				<p class="countdown" data-deadline="1307568800000"></p>
				<a href="#p41" class="btn_1">抢购</a>
			</div>
			<div class="main_bd" data-iscroll="true">
				<div class="inner">
					<h2>宝安区仅108元！原价368元《创星发艺》美发套餐：打造夏季绚丽发型，这个夏天，让我们从“头”开始我们的美丽之旅！</h2>
					<div class="box_1 tuan_attr">
						<figure class="tuan_attr_photo">
							<img src="http://vivasky.com/labs/vq/images/item_2.jpg" />
							<span class="price_1 c2"><i>&yen;</i>785.<span>00</span></span>
						</figure>
						<div class="tuan_attr_info">
							<ul>
								<li>
									<p><strong class="c2">2589</strong>人已经购买</p>
									<p>团购成功 可继续购买</p>
								</li>
								<li class="c1">折扣<span>0.3</span></li>
								<li class="c1">原价<del>&yen;150</del></li>
								<li class="c1">节省<span>&yen;10</span></li>
							</ul>
						</div>
					</div>

					<h3 class="tit">亮点</h3>
					<div class="box_1 info_lite">
						<p>QQ团购彩贝月活动时间：2011年5月1日至2011年5月31日剧情介绍：刘备家眷被困曹营，关云长为存忠义甘作俘虏，被迫为曹军上阵。</p>
					</div>

					<h3 class="tit">特别提示</h3>
					<div class="box_1 info_lite">
						<p>QQ团购彩贝月活动时间：2011年5月1日至2011年5月31日剧情介绍：刘备家眷被困曹营，关云长为存忠义甘作俘虏，被迫为曹军上阵。</p>
					</div>

					<h3 class="tit">活力无限KTV</h3>
					<div class="box_1 info_lite">
						<p>QQ团购彩贝月活动时间：2011年5月1日至2011年5月31日剧情介绍：刘备家眷被困曹营，关云长为存忠义甘作俘虏，被迫为曹军上阵。</p>
					</div>

					<ul class="box_1 list_1">
						<li><a href="#p13">查看本单详情<s></s></a></li>
					</ul>
				</div>
			</div>
		</section>
	</article>

	<article data-role="page" class="main_gb" id="p13">
		<header>
			<h1>本单详情</h1>
			<a data-rel="back" class="back" data-direction="reverse" href="#p12"><i></i><span>返回</span></a>
		</header>

		<section class="this_tuan">
			<div class="main_hd">
				<p><strong>剩余时间</strong><span class="c2">20</span>天<span class="c2">90</span>小时<span class="c2">28</span>分<span class="c2">58</span>秒</p>
				<a href="#p41" class="btn_1">抢购</a>
			</div>
			<div class="main_bd" data-iscroll="true">
				<details class="inner tuan_detail">
					<p>团购详情放置于此...</p>
				</details>
			</div>
		</section>
	</article>

	<article data-role="page" class="main_gb" id="p2">
		<header>
			<h1>用户登录</h1>
		</header>
		<section>
			<div class="inner">
				<ul class="login_form box_1">
					<li><span>QQ号码：</span><input type="tel" name="qq" id="J_txt_uid"/></li>
					<li><span>密码：</span><input type="password" name="pwd" id="J_txt_pwd"/></li>
				</ul>

				<div class="login_op">
					<a href="#p21" class="btn_1">登&nbsp;&nbsp;录</a>
					<label for="password"><input id="password" type="checkbox" /><span>记住密码</span></label>
					<label for="autologin"><input id="autologin" type="checkbox" /><span>自动登录</span></label>
				</div>
			</div>
		</section>
	</article>

	<!-- 我的团购 -->
	<article data-role="page" class="main_gb" id="p21">
		<header>
			<h1>我的订单</h1>
			<a data-rel="back" class="back" data-direction="reverse" href="#p11"><i></i><span>返回</span></a>
		</header>
		<section data-iscroll="true">
			<div class="inner">
				<div class="box_1 user_info">
					<p>60152368 野蜂飞舞</p>
					<p>您共购买<strong class="c2">3</strong>份QQ团购精品，共节省<span class="price_2 c2">&yen;1968</span>元</p>
				</div>

				<div class="my_orders">
					<ul class="tabs">
						<li><a href="#">能用的团购</a></li>
						<li><a href="#" class="current">已用完的团购</a></li>
						<li><a href="#">失效的团购</a></li>
					</ul>
					<ul class="box_1 list_2">
						<li>
							<a href="#p22">
								<img src="images/item_1.jpg" alt="团购简介">
								<div class="info">
									<p>温文尔雅的报社出版人布里特温文尔雅里特温</p>
									<p class="c2"><span>到期时间：2011-06-20</span></p>
								</div>
								<s></s>
							</a>
						</li>
						<li>
							<a href="#p22">
								<img src="images/item_2.jpg" alt="团购简介">
								<div class="info">
									<p>温文尔雅的报社出版人布里特温文尔雅里特温</p>
									<p class="c2"><span>到期时间：2011-06-20</span></p>
								</div>
								<s></s>
							</a>
						</li>
						<li>
							<a href="#p22">
								<img src="images/item_3.jpg" alt="团购简介">
								<div class="info">
									<p>温文尔雅的报社出版人布里特温文尔雅里特温</p>
									<p class="c2"><span>到期时间：2011-06-20</span></p>
								</div>
								<s></s>
							</a>
						</li>
						<li>
							<a href="#p22">
								<img src="images/item_4.jpg" alt="团购简介">
								<div class="info">
									<p>温文尔雅的报社出版人布里特温文尔雅</p>
									<p class="c2"><span>到期时间：2011-06-20</span></p>
								</div>
								<s></s>
							</a>
						</li>
						<li>
							<a href="#p22">
								<img src="images/item_5.jpg" alt="团购简介">
								<div class="info">
									<p>温文尔雅的报社出版人布里特里特温</p>
									<p class="c2"><span>到期时间：2011-06-20</span></p>
								</div>
								<s></s>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</section>
	</article>

	<article data-role="page" class="main_gb" id="p22">
		<header>
			<h1>订单详情</h1>
			<a  data-rel="back" class="back" data-direction="reverse" href="#p21"><i></i><span>返回</span></a>
		</header>
		<section data-iscroll="true">
			<div class="inner">
				<div class="box_1 order_detail">
					<p>福田区仅售15元！原价70元的《金盾剧院》单人票1张，受电影娱乐文化的无穷魅力。</p>
					<ul>
						<li>团购时间：2010-09-29</li>
						<li>团购状态：已经成团</li>
						<li>团购数量：2</li>
						<li>团购总价：68X2=116</li>
					</ul>
					<table>
						<caption>使用凭证</caption>
						<tr>
							<td>908745136475</td>
							<td>2011-11-02</td>
							<td>已使用</td>
						</tr>
						<tr>
							<td>908745136475</td>
							<td>2011-11-02</td>
							<td>已使用</td>
						</tr>
						<tr>
							<td>908745136475</td>
							<td>2011-11-02</td>
							<td>已使用</td>
						</tr>
					</table>
				</div>
				<ul class="box_1 list_1">
					<li><a href="#p12">查看团购详情<s></s></a></li>
				</ul>
			</div>
		</section>
	</article>

	<!-- 帐户设置 -->
	<article data-role="page" class="main_gb" id="p3">
		<header><h1>设置</h1></header>

		<section data-iscroll="true">
			<div class="my_setting inner">
				<ul class="box_1 list_1">
					<li><a href="#">帐户设置<span class="c1">289694837 注销账户</span><s></s></a></li>
				</ul>
				<ul class="box_1 list_1">
					<li><a href="#p31">切换城市<span class="c1">深圳</span><s></s></a></li>
				</ul>
				<ul class="box_1 list_1">
					<li><a href="#">帮助<s></s></a></li>
					<li><a href="#">意见反馈<s></s></a></li>
				</ul>
			</div>
		</section>
	</article>

	<!-- 城市选择 -->
	<article data-role="page" class="main_gb" id="p31">
		<header>
			<h1>切换城市</h1>
			<a data-rel="back" class="back" data-direction="reverse" href="#p3"><i></i><span>返回</span></a>
		</header>
		<section data-iscroll="true">
			<div id="J_citylist" class="inner choose_city">
				<h2 class="tit">推荐城市</h2>
				<ul class="list_1">
					<li><a href="#p1">深圳<s></s></a></li>
					<li><a href="#p1">北京<s></s></a></li>
					<li><a href="#p1">上海<s></s></a></li>
					<li><a href="#p1">成都<s></s></a></li>
				</ul>
				<!--ajax city data-->
			</div>
		</section>
	</article>

	<!-- 购买所有页面 -->
	<article data-role="page" class="main_gb" id="p41">
		<header>
			<h1>确认订单</h1>
			<a data-rel="back" class="back"><i></i><span>返回</span></a>
		</header>

		<section data-iscroll="true">
			<div class="inner">
				<div class="list_2">
					<a href="#">
						<img src="images/item_1.jpg" />
						<div class="info">
							<h2>团购标题团购标题团购标题团购标题团购标题</h2>
							<p>深圳市南山区高新园</p>
							<p>
								<span class="c2">&yen;852</span>
								<span class="c1">5.3折</span>
								<span class="c1">1234人购买</span>
							</p>
						</div>
					</a>
				</div>

				<div class="pay_confirm">
					<h2 class="tit">填写购买数量</h2>
					<ul class="box_1">
						<li><label><span>数量：</span><input type="number" /></label></li>
						<li><label><span>总价：</span>&yen;68 X 2 = &yen;136</li>
					</ul>

					<h2 class="tit">确认接收团购凭证手机</h2>
					<ul class="box_1">
						<li><label><span>手机号码：</span><input type="tel" /></label></li>
					</ul>

					<h2 class="tit">支付方式</h2>
					<ul class="box_1">
						<li>暂只支持财付通</li>
					</ul>

					<div class="pay_op">
						<a href="#" class="btn_1">确认无误，购买</a>
					</div>
				</div>
			</div>
		</section>
	</article>
	<div id="J_pop_mask" class="pop_mask" style="display:none"></div>
	<!--提示框-->
	<article data-role="dialog" class="ui-dialog" id="J_tipbox">
		<header class="ui-overlay-shadow ui-corner-top">
			<h1>提示信息</h1>
			<a data-rel="back" class="back"><i></i><span>关闭</span></a>
		</header>
		<section class="ui-overlay-shadow ui-corner-bottom">
			<div class="ui-dialog-bd">提示信息放在这里。。。</div>
			<div class="ui-dialog-ft">
				<button class="btn_1 c1 btn_ok">确&nbsp;&nbsp;认</button>
			</div>
		</section>
		<div class="ui-overlay"></div>
	</article>

	<!--登录时的验证码弹框-->
	<article data-role="dialog" class="ui-dialog vbox" id="J_verifybox">
		<header class="ui-overlay-shadow ui-corner-top">
			<h1>验证码登录</h1>
			<a data-rel="back" class="back"><i></i><span>取消</span></a>
		</header>
		<section class="ui-overlay-shadow ui-corner-bottom">
			<div class="ui-dialog-bd">
				<p class="vbox_txt" id="J_vbox_txt" data-tip0='输入上图中的字符，不区分大小写'>输入上图中的字符，不区分大小写</p>
				<p>
					<a id="J_vbox_img" class="vbox_img" href="#"><img width="100" height="40" alt="验证码" src="http://captcha.qq.com/getimage?&uin=478440130&vc_type=&aid=8000212&0.12659901483036184" id="J_verify_img" /></a>
					<input type="text" class="ipt_vbox_code" name="verify_code" id="J_verify_code" />
				</p>
			</div>
			<div class="ui-dialog-ft">
				<button class="btn_1 c1 btn_ok" id="J_btn_login1">登&nbsp;&nbsp;陆</button>
			</div>
		</section>
		<div class="ui-overlay"></div>
	</article>

	<!-- 导航 -->
	<nav id="J_nav_gb" data-role="link" class="nav_gb">
		<a href="#p1" data-transition="none" class="current"><i></i>今日团购</a>
		<a href="#p2" data-transition="none"><i></i>我的团购</a>
		<a href="#p3" data-transition="none"><i></i>设置</a>
	</nav>
</body>
</html>